<template>
  <div class="custom-container p-5">
    <a-tabs type="card">
      <a-tab-pane key="1" :tab="'解调器状态'">
        <a-table
          class="ant-table-striped table1"
          :columns="columns"
          :data-source="dataList"
          size="middle"
          :rowKey="
            (record, index) => {
              return index;
            }
          "
          :rowClassName="(record, index) => (index % 2 === 1 ? 'table-striped' : null)"
          :pagination="false"
        >
          <template #action="{ record }">
            <a-button type="link">修改主体</a-button>
          </template>
        </a-table>
      </a-tab-pane>
      <template #tabBarExtraContent>
        <a-select
          ref="select"
          v-model:value="select1"
          style="width: 100%"
          :placeholder="'请选择Modem'"
          allowClearget_mset
        >
          <a-select-option :value="item.value" v-for="item in typeOptions" :key="item.id">{{
            item.label
          }}</a-select-option>
        </a-select>
      </template>
    </a-tabs>

    <a-tabs type="card" style="margin-top: 30px">
      <a-tab-pane key="1" :tab="'采样数据'">
        <a-table
          class="ant-table-striped table1"
          :columns="columns1"
          :data-source="dataList1"
          size="middle"
          :rowKey="
            (record, index) => {
              return index;
            }
          "
          :rowClassName="(record, index) => (index % 2 === 1 ? 'table-striped' : null)"
          :pagination="false"
        >
        </a-table>
      </a-tab-pane>
      <a-tab-pane key="2" :tab="'落盘数据'">
        <a-table
          class="ant-table-striped table1"
          :columns="columns1"
          :data-source="dataList1"
          size="middle"
          :rowKey="
            (record, index) => {
              return index;
            }
          "
          :rowClassName="(record, index) => (index % 2 === 1 ? 'table-striped' : null)"
          :pagination="false"
        >
          <template #action="{ record }">
            <a-button type="link">修改主体</a-button>
          </template>
        </a-table>
      </a-tab-pane>
      <template #tabBarExtraContent>
        <a-button
          style="margin-left: 20px"
          preIcon="ant-design:edit"
          color="primary"
          iconSize="16"
          @click="do_export"
          >修改卫星经纬度</a-button
        >
      </template>
    </a-tabs>
  </div>
</template>
<script lang="ts">
import { defineComponent, onMounted, reactive, ref } from 'vue';
import { get_log } from '/@/api/biz/index';
import { useI18n } from '/@/hooks/web/useI18n';
export default defineComponent({
  setup() {
    onMounted(() => {});
    const { t } = useI18n();
    const columns = [
      {
        title: '通道编号',
        dataIndex: 'item1',
      },
      {
        title: '中心频率',
        dataIndex: 'item2',
      },
      {
        title: '符号速率',
        dataIndex: 'item3',
      },
      {
        title: '通道锁定',
        dataIndex: 'item4',
      },
      {
        title: '译码锁定',
        dataIndex: 'item5',
      },
      {
        title: '解调锁定',
        dataIndex: 'item6',
      },
      {
        title: '信号功率',
        dataIndex: 'item7',
      },
      {
        title: '信噪比',
        dataIndex: 'item8',
      },
      {
        title: '误码率',
        dataIndex: 'item9',
      },
      {
        title: '频率偏移',
        dataIndex: 'item10',
      },
      {
        title: '文件信息',
        dataIndex: 'item11',
      },
    ];
    const dataList = reactive([
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
        item8: '--', //Puncture_rate
        item9: '--', //帧长类型
        item10: '--', //滚降系数
        item11: '--', //滚降系数
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
        item8: '--', //Puncture_rate
        item9: '--', //帧长类型
        item10: '--', //滚降系数
        item11: '--', //滚降系数
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
        item8: '--', //Puncture_rate
        item9: '--', //帧长类型
        item10: '--', //滚降系数
        item11: '--', //滚降系数
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
        item8: '--', //Puncture_rate
        item9: '--', //帧长类型
        item10: '--', //滚降系数
        item11: '--', //滚降系数
      },
    ]);
    const columns1 = [
      {
        title: '序号',
        dataIndex: 'item1',
      },
      {
        title: '采样时间',
        dataIndex: 'item2',
      },
      {
        title: '卫星经度',
        dataIndex: 'item3',
      },
      {
        title: '中心频率',
        dataIndex: 'item4',
      },
      {
        title: '符号速率',
        dataIndex: 'item5',
      },
      {
        title: '网络信令',
        dataIndex: 'item6',
      },
      {
        title: '文件存储路径',
        dataIndex: 'item7',
      },
    ];
    const dataList1 = reactive([
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
      {
        item1: '--', //中心频率
        item2: '--', //Modulation
        item3: '--', //符号速率
        item4: '--', //信噪比
        item5: '--', //标准
        item6: '--', //Pilots
        item7: '--', //编码方式
      },
    ]);

    const typeOptions = [
      {
        value: '1',
        label: 'M710a',
      },
      {
        value: '2',
        label: 'M650',
      },
    ];
    let select1 = ref();
    const loading = ref(false);
    return {
      dataList,
      columns,
      dataList1,
      columns1,
      labelCol: { span: 6 },
      wrapperCol: { span: 18 },
      typeOptions,
      select1,
      t,
    };
  },
});
</script>

<style lang="less" scoped>
.spane1 {
  color: #0960bd;
  cursor: pointer;
}

.list1 {
  padding: 20px 0;
}

.content1 {
  padding: 15px 0;
  text-indent: 24px;
}

.hh1 {
  line-height: 34px;
  text-align: center;
  font-weight: bold;
}

.dd1 {
  line-height: 34px;
}

.dd2 {
  line-height: 34px;
  text-indent: 24px;
}

.dd3 {
  line-height: 34px;
  text-indent: 24px;
  float: right;
  margin: 20px 0;
}

.coll1 {
  margin-bottom: 50px;
}

.table1 {
  border: 1px solid #fff;
}
</style>
